<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:rich="http://richfaces.org/rich"
      xmlns:a4j="http://richfaces.org/a4j">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf8" />
		<title>Trajets</title>
		<link rel="stylesheet" type="text/css" href="static/style/global.css"/>
		<meta name="viewport" content="width=device-width" />
	</head>
	<body>
		<div id="header">
			<div id="home_logo">
				<a href="./">
					<img src="static/img/car_50px.png" alt="logo"/>
				</a>
			</div>
			<div id="page_title">
				<h1>Trajets</h1>
			</div>
		</div>
		<div id="body">
			<button class="large">Nouvelle recherche</button>
			<div class="msg">Résultats de la recherche :</div>
			<ul class="msg">
				<li>À partir d'ici</li>
				<li>Le plus tôt possible</li>
			</ul>
			<ul id="rides">
				<li class="ride">
					<a href="">
						<div class="from"><span>De :</span>Lyon, Part-Dieu vers la banque des Men in Black, quelle belle surprise, n'est-ce pas?</div>
						<div class="to"><span>À  :</span>Paris, Gare de Lyon</div>
						<div class="countdown">10mn</div>
						<div class="matching">◉◉</div>
					</a>
				</li>
				<li class="ride">
					<a href="">
						<div class="from"><span>De :</span>Lyon, Part-Dieu</div>
						<div class="to"><span>À  :</span>Paris, Gare de Lyon</div>
						<div class="countdown">20mn</div>
						<div class="matching">◎◉◉◉</div>
					</a>
				</li>
				<li class="ride">
					<a href="">
						<div class="from"><span>De :</span>Lyon, Part-Dieu</div>
						<div class="to"><span>À  :</span>Paris, Gare de Lyon</div>
						<div class="countdown">20mn</div>
						<div class="matching">◎◉</div>
					</a>
				</li>
				<li class="ride">
					<a href="">
						<div class="from"><span>De :</span>Lyon, Part-Dieu</div>
						<div class="to"><span>À  :</span>Paris, Gare de Lyon</div>
						<div class="countdown">40mn</div>
						<div class="matching">◎◎◎</div>
					</a>
				</li>
			</ul>		</div>
		<div id="footer">
			Test OT SIMS
		</div>
	</body>	
</html>